<template>
<!-- 侧边栏选择器 -->
<el-aside>
    <el-menu
      default-active="2"
      @open="handleOpen"
      @close="handleClose"
      :router='true'
      :collapse='false'
      :default-openeds='openeds'>
      <el-submenu index="1">
        <!--  -->
        <!-- <template slot="title">  -->
          <span slot="title">系统管理</span>
        <!-- </template> -->
        <el-menu-item-group index='1'>
          <el-menu-item  index="/system-user">员工账号管理</el-menu-item>
          <el-menu-item index="/system-product-config">产品配置管理</el-menu-item>
          <el-menu-item index="/system-risk-config">风控条件配置管理</el-menu-item>
        </el-menu-item-group>
       </el-submenu>
        <el-submenu index="2">   
          <span slot="title">运营管理</span> 
        <el-menu-item-group>
          <el-menu-item index="/operate-user">运营人员管理</el-menu-item>
          <el-menu-item index="/operate-auto-assign">自动分配管理</el-menu-item>
          <el-menu-item index="/operate-assign-records">认证分配记录</el-menu-item>
          <el-menu-item index="/operate-assign-records-loan">借贷分配记录</el-menu-item>
        </el-menu-item-group>
       </el-submenu>
       <el-menu-item index="/icloud-index">
        <span slot="title">iCloud账号管理</span>
      </el-menu-item>
       <el-submenu index="4">
        <template slot="title">
          <span>认证申请管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/auth-apply-wait">待审核</el-menu-item>
          <el-menu-item index="/auth-apply-history">历史审核</el-menu-item>
          
        </el-menu-item-group>
       </el-submenu>
       <el-submenu index="5">
          <span slot="title">借款申请管理</span>
        <el-menu-item-group>
          <el-menu-item index="/loan-apply-wait">待审核</el-menu-item>
          <el-menu-item index="/loan-apply-history">历史审核</el-menu-item>
          <el-menu-item index="/finance-out?type=other">放款记录查询</el-menu-item>
        </el-menu-item-group>
       </el-submenu>
       <el-submenu index="6">
          <span slot="title">财务管理</span>
        <el-menu-item-group>
          <el-menu-item index="/finance-wait">待放款记录</el-menu-item>
          <el-menu-item index="/finance-out">放款记录</el-menu-item>
          <el-menu-item index="/finance-in">还款记录</el-menu-item>
        </el-menu-item-group>
       </el-submenu>
       <el-submenu index="7">
          <span slot="title">贷后管理</span>
        <el-menu-item-group>
          <el-menu-item index="/after-loan-wait">待催收</el-menu-item>
          <el-menu-item index="/after-loan-history">历史催收</el-menu-item>
          <el-menu-item index="/after-loan-error">异常催收</el-menu-item>
          <el-menu-item index="/finance-out">放款记录查询</el-menu-item>
        </el-menu-item-group>
       </el-submenu>
    </el-menu>
  
</el-aside>

</template>
<script>
  export default {
    data(){
      return{
       openeds:['1','2','4','5','6','7']
      }
    },
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>

<style scoped>

.el-header{
  padding:0;
}
  .el-submenu .el-menu-item{
    min-width: 100px;
    padding-left:20px !important;
  }
  .el-menu-item.is-active{
    color:#009688;
  }
  .el-menu li{
    padding-left:10px;
  }
</style>
<